<script language="javascript" type="text/javascript" src="/res/js/ccsetup.js"></script>
<img src="/img/welcome.png" style="padding:6px;">
<br>
<div class="text_big"  style="position:relative; padding:0 0 0 6; margin:0 0 -3px 0;">Your Account</div>
<img src="/img/line_big.gif" style="padding:0 0 0 6px;" >

<table align="center" id="content_text">
    <tr>
            <td colspan="2" align="center">
           <span style="background-color: #4094D7; color: #ffffff;padding: 6px; font-family: verdana; font-size: 12px; text-align: left; font-weight:lighter;">Credit card :: <b>{$acount.client_name}</b></span>
        </td>
    </tr>
    <tr>
        <td colspan="2" align="center">
            <b> {$msg_box}
        </td>
    </tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="99%">
<tr valign="top">
    <td style="padding:0 0 0 5;">
        {include file="../include/facePlugins/ccplugin/tpl/acc_left_menu.tpl.php"}
    </td>
    
    <td align="center" valign="top">
                <form method="post"  name='ccsetup' action="{geturl plugin=ccontrl method='null' params='page='}" onsubmit="javascript : return checkForm('ccsetup');">
                <input type='hidden' name='event' value='doUpdatePayment'>
                
                <table cellpadding="0" cellspacing="0" align="center">
                <tr>
                            <!-- Payment form start -->
                
                    <!-- ------------------ CONTENT ------- -->
                    <td valign="top" align="left"   > 
                        <table width="307" cellpadding='2' align="center" cellspacing='0' border='0' id="content_text" >
                        <tr>
                            <td class="nopadding" align="center">
                            <!-- ************************* Cart Table **************************************** -->
                                <table width="99%" cellpadding="2" cellspacing="2" border="0" id="content_text" class="list" style="border:solid 1px #b9bbbe;">
                                    
                                    <tr class="dark"><td align="right" valign="middle">Credit card:&nbsp;</td>
                                        <td>
                                            <table cellpadding="0" cellspacing="0" border="0">
                                                <tr>
                                                    <td><img src="img/cards/visa.png" border="0"></td>
                                                    <td><img src="img/cards/mastercard.png" border="0"></td>
                                                    <td><img src="img/cards/discover.png" border="0"></td>
                                                    <td><img src="img/cards/americanexpress.png" border="0"></td>
                                                </tr>
                                                <tr>
                                        
                                                    <td align="center"><input type="radio" name="client_cctype" value="VISA" {if $acount.client_cctype == 'VISA'} checked{/if}></td>
                                                    <td align="center"><input type="radio" name="client_cctype" value="MasterCard" {if $acount.client_cctype == 'MasterCard'} checked{/if}></td>
                                                    <td align="center"><input type="radio" name="client_cctype" value="Discover" {if $acount.client_cctype == 'Discover'} checked{/if}></td>
                                                    <td align="center"><input type="radio" name="client_cctype" value="American Express" {if $acount.client_cctype == 'American Express'} checked{/if}></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr class="light">
                                        <td align="right">Credit Card Number:<sup><font color=red>*</font></sup>&nbsp;</td>
                                        <td><input type="text" name="client_ccnumber" value="{$acount.client_ccnumber}" class='inputtext' style='width: 95%'></td>
                                    </tr>
                                        <tr class="dark"><td align="right">CVV:&nbsp;</td>
                                        <td><input type="text" name="client_cccvv" class='inputtext' value="{$acount.client_cccvv}" style='width: 95%'></td>
                                    </tr>
                                    <tr class="light"><td align="right">Credit Card Owner:<sup><font color=red>*</font></sup>&nbsp;</td><td><input type="text" name="client_ccholdername" value="{$acount.client_ccholdername}" class='inputtext' style='width: 95%'></td></tr>
                                    <tr class="dark">
                                        <td align="right">Expiration Months:<sup><font color=red>*</font></sup>&nbsp;</td>
                                        <td>
                                            <select name="client_ccexpdate_m">
                                    
                                                {foreach from=$months item=m}
                                                <option value="{$m}" {if $exp_m == $m} selected {/if}>{$m}</option>
                                                {/foreach}
                                            </select>
                                        </td>
                                    </tr>
                                    <tr class="light">
                                        <td align="right">Expiration Year:<sup><font color=red>*</font></sup>&nbsp;</td>
                                        <td>
                                            <select name="client_ccexpdate_y">
                                                {foreach from=$years item=i}
                                                <option value="{$i.year}" {if $exp_y == $i.year} selected {/if}>20{$i.year}</option>
                                                {/foreach}
                                            </select>
                                        </td>
                                    </tr>
                                </table>
                                <table width="191" cellpadding="2" cellspacing="2" border="0" id="content_text" class="list" style="border:solid 1px #b9bbbe;">
                                    <tr  class="light">
                                        <td class="dark">
                                            &nbsp;&nbsp; Balance:
                                        </td>
                                        <td>
                                             <input type="text" value="{$acount.balance}"  readonly>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td align="center">
                                <br />
                                <input type="submit" name="submit" value="Submit" class1="button" >
                                &nbsp;&nbsp;&nbsp;
                                <input type="reset" name="Reset" class1="button">
                                <br /><br /><br />
                                <br /><br /><br />
                            </td>
                        </tr>
                    
                    <!-- ********************************************** Submit and reset buttons *************************************************** -->
                    
                        </table>
                        
                    </td>   
                </tr>   
                                        <!-- Payment form ending -->
                </table>
                
                </form>
        
    
    </td>
</tr>
</table>



